import {VisibilityFilters} from '@/store/actions'
import FilterLink from '../containers/FilterLink.jsx'

const Footer = () => {
  return (
    <div>
      <span>Show:</span>
      <FilterLink filter={VisibilityFilters.SHOW_ALL}>All</FilterLink>
      <FilterLink filter={VisibilityFilters.SHOW_ACTIVE}>active</FilterLink>
      <FilterLink filter={VisibilityFilters.SHOW_COMPLETED}>completed</FilterLink>
    </div>
  )
}

export default Footer